[class|=switch] {
	position: relative;
	display: inline-block;
	width: 3.54rem;
	height: .98rem;
	line-height: .98rem;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
.switch-on {
	border: 1px solid white;
	transition: border 0.4s, box-shadow 0.2s
	background-color: white;
	cursor: pointer;
}
.slider {
	position: absolute;
	display: inline-block;
	width: 1.74rem;
	height: .92rem;
	left: 0;
	top: 0;
}
.switch-on .slider {
	left: 1.74rem;
	transition: background-color 0.4s, left 0.2s;
}
.switch-off {
	transition: border 0.4s, box-shadow 0.4s;
	background-color: rgb(255, 255, 255);
	background-color: rgb(255, 255, 255);
	cursor: pointer;
}
.switch-off .slider {
	left: 0;
	transition: background-color 0.4s, left 0.2s;
}
.switch-on.switch-disabled{
	opacity:.5;
	cursor:auto;
}
.switch-off.switch-disabled{
	background-color:#F0F0F0 !important;
	cursor:auto;
}